<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>滴次定制平台</title>
    <link rel="icon" type="image/png" href="__PUBLIC__/assets/i/46.png">
</head>
<style>
    .w-div-center {
        position: relative;
        width: 800px;
        left: 50%;
        margin-left: -400px;
    }

    .w-img {
        width: 200px;
    }
    .w-img2{
        width: 25px;
    }

    .w-span {
        float: right;
        font-family: "Microsoft YaHei", "微软雅黑";
        font-size: 18px;
        margin-top: 30px;
    }

    .w-div-600 {
        position: relative;
        width: 600px;
        left: 50%;
        margin-left: -300px;
    }

    .w-p {
        position: relative;
        font-size: 14px;
        padding: 20px;
        color: #484847;
        font-family: "Microsoft YaHei", "微软雅黑";
    }

    .w-input {
        background: #fafafa;
        color: #484847;
        border: 1px solid #ddd;
        height: 20px;
        padding: 4px 10px;
    }
    .w-span2{
        display: none;
    }
</style>
<body>
<!--头部-->
<div class="w-div-center">
    <img src="__PUBLIC__/images/logo.png" class="w-img"/>
    <span class="w-span">反馈意见</span>
    <hr style="width: 100%"/>
</div>
<!--end-->

<!--反馈意见表单-->
<div class="w-div-center">
    <p class="w-p">尊敬的用户：<br/>
        您好！为了给您提供更好的服务，我们希望收集您使用滴次平台时的看法或建议。对您的配合和支持表示衷心感谢！</p>

    <form action="__URL__/sugPost" method="post">
        <div class="w-div-600">
            <span class="w-span2">
                <img src="__PUBLIC__/images/icons/sug.png" class="w-img2"/>
                请填写您的宝贵意见,谢谢n(*≧▽≦*)n
            </span>
            <textarea cols="60" rows="10" name="suggest" id="ta"></textarea>
            <input type="submit" value="提交" class="w-input"/>
        </div>
    </form>
</div>
<!--end-->
</body>
</html>
<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script>
    $(function () {
        $("form").submit(function () {
            if ($("#ta").val().length == 0) {
                $(".w-span2").css({display:"block",color:"#DC8182"});
                $("#ta").focus();
                return false;
            }
        });
    });
</script>
